{% extends "_layout.html" %}

{# 样式代码 #}
{% block style %}
    <link href="{{ ctx.app.config.staticUrl }}/css/index.css" rel="stylesheet" >
    <link href="{{ ctx.app.config.staticUrl }}/css/share.css" rel="stylesheet" >
{% endblock %}

{# body代码#}
{% block body %}
    <!--container start-->
	<div class="container_white" id="evaluation">
		<div class="container">
			<div class="order_number">订单：035678991</div>
			<div class="goods_list">
				<div class="goods_line">
					<img src="img/line_b.png"/>
				</div>
				<ul>
					<li>
						<div class="goods_img fl">
							<a href="dishesDetails.html"><img src="images/eval_03.png"/></a>
						</div>
						<div class="goods_name fl">
							草莓星冰乐
						</div>
						<div class="goods_share fr socialShare"></div>
						<div class="goods_heart fr">
							<img src="img/heart.png"/>
						</div>
						<div class="line">
							<img src="img/line_b.png"/>
						</div>
					</li>
					<li>
						<div class="goods_img fl">
							<a href="b.html"><img src="images/eval_06.png"/></a>
						</div>
						<div class="goods_name fl">
							草莓星冰乐
						</div>
						<div class="goods_share fr socialShare"></div>
						<div class="goods_heart fr">
							<img src="img/heart.png"/>
						</div>
						<div class="line">
							<img src="img/line_b.png"/>
						</div>
					</li>
					<li>
						<div class="goods_img fl">
							<img src="images/eval_03.png"/>
						</div>
						<div class="goods_name fl">
							草莓星冰乐
						</div>
						<div class="goods_share fr socialShare"></div>
						<div class="goods_heart fr">
							<img src="img/heart.png"/>
						</div>
						<div class="line">
							<img src="img/line_b.png"/>
						</div>
					</li>
				</ul>						
			</div>
			<div class="order_number">订单：035678991</div>
			<div class="goods_list">
				<div class="goods_line">
					<img src="img/line_b.png"/>
				</div>
				<ul>
					<li>
						<div class="goods_img fl">
							<a href="dishesDetails.html"><img src="images/eval_03.png"/></a>
						</div>
						<div class="goods_name fl">
							草莓星冰乐
						</div>
						<div class="goods_share fr socialShare"></div>
						<div class="goods_heart fr">
							<img src="img/heart.png"/>
						</div>
						<div class="line">
							<img src="img/line_b.png"/>
						</div>
					</li>
					<li>
						<div class="goods_img fl">
							<a href="b.html"><img src="images/eval_06.png"/></a>
						</div>
						<div class="goods_name fl">
							草莓星冰乐
						</div>
						<div class="goods_share fr socialShare"></div>
						<div class="goods_heart fr">
							<img src="img/heart.png"/>
						</div>
						<div class="line">
							<img src="img/line_b.png"/>
						</div>
					</li>
					<li>
						<div class="goods_img fl">
							<img src="images/eval_03.png"/>
						</div>
						<div class="goods_name fl">
							草莓星冰乐
						</div>
						<div class="goods_share fr socialShare"></div>
						<div class="goods_heart fr">
							<img src="img/heart.png"/>
						</div>
						<div class="line">
							<img src="img/line_b.png"/>
						</div>
					</li>
				</ul>						
			</div>
		</div>
	</div>
	<!--container end-->
{% endblock %}
{#js代码#}
{% block js %}
    <script type="text/javascript" src="{{ ctx.app.config.staticUrl }}/js/index.js"></script>
	<script type="text/javascript" src="{{ ctx.app.config.staticUrl }}/js/share.js"></script>
	<script>
        $(function() {
            $(".socialShare").socialShare({
                content: "每一份餐品，都是我们的匠心制作；每一个主题，都是美食生动的灵魂。食艺道针对商务人士定期推出限量午餐，温暖您的同时，更能让您体会到美食与艺术的结合。",
                url: "http://www.55du.cc",
                titile: $("h1").text().trim(),
                pic:"http://www.55du.cc/Site/rococo/Uploads/20160902/%E7%BB%8F%E5%85%B8%E9%99%8D%E6%B8%A9%E6%9D%AF%E7%88%86%E6%AC%BE%E9%A6%96%E5%9B%BE.jpg"
            });
            //$(".msb_main").trigger('click');
        });

        $("#shareQQ").on("click", function() {
            $(this).socialShare("tQQ");
        })

        $("#main").click(function() {
            var openUrl = "https://www.baidu.com"; //弹出窗口的url
            var iWidth = 630; //弹出窗口的宽度;
            var iHeight = 580; //弹出窗口的高度;
            var iTop = (window.screen.availHeight - 30 - iHeight) / 2; //获得窗口的垂直位置;
            var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; //获得窗口的水平位置;
            window.open(openUrl, "", "height=" + iHeight + ", width=" + iWidth + ", top=" + iTop + ", left=" + iLeft + "" + ",toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no");
            //window.open('page.html', 'newwindow', 'height=580, width=650, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no');
        });
        $(function() {
            function autocenter() {
                var bodyW = parseInt(document.documentElement.clientWidth);
                var bodyH = parseInt(document.documentElement.clientHeight);
                var elW = $("#weixin").width();
                var elH = $("#weixin").height();
                console.log((bodyW - elW) / 2);
                $("#weixin").css("left", (bodyW - elW) / 2);
                $("#weixin").css("top", (bodyH - elH) / 2);
            }
            window.onresize = function() {
                autocenter();
            };
        });
    </script>
{% endblock %}
